<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:76:"C:\xampp\htdocs\stuEnglish\public/../application/index\view\index\index.html";i:1499502012;}*/ ?>
<!DOCTYPE html>
<html>
<head>
	<title>大学生英语阅读自主学习平台</title>
	<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
	<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
	<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
    <link rel="stylesheet" type="text/css" href="PUBLIC/css/styles.css">
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <style type="text/css">
        .portfolio-header {
        position: relative;
        background-image: url('PUBLIC/img/transparent.jpg');
        }
        .portfolio-logo {
        background: url('PUBLIC/img/logo.png') 50% no-repeat;
        background-size: cover;
        height: 150px;
        width: 150px;
        margin: auto auto 10px;
        }
        .demo-card-square1.mdl-card {
            width: 320px;
            height: 240px;
            margin: 0 auto;
        }
        .demo-card-square2.mdl-card {
            width: 320px;
            height: 240px;
            margin: 0 auto;
        }
        .demo-card-square3.mdl-card {
            width: 320px;
            height: 240px;
            margin: 0 auto;
        }
        .demo-card-square4.mdl-card {
            width: 320px;
            height: 240px;
            margin: 0 auto;
        }
        .demo-card-square5.mdl-card {
            width: 320px;
            height: 240px;
            margin: 0 auto;
        }
        .demo-card-square6.mdl-card {
            width: 320px;
            height: 240px;
            margin: 0 auto;
        }
        .demo-card-square1 > .mdl-card__title {
            color: #fff;
            background:
            url('PUBLIC/img/Unit1.jpg')  center / cover;
        }
        .demo-card-square2 > .mdl-card__title {
            color: #fff;
            background:
            url('PUBLIC/img/Unit2.jpg')  center / cover;
        }
        .demo-card-square3 > .mdl-card__title {
            color: #fff;
            background:
            url('PUBLIC/img/Unit3.jpg')  center / cover;
        }
        .demo-card-square4 > .mdl-card__title {
            color: #fff;
            background:
            url('PUBLIC/img/Unit4.jpg')  center / cover;
        }
        .demo-card-square5 > .mdl-card__title {
            color: #fff;
            background:
            url('PUBLIC/img/Unit5.jpg')  center / cover;
        }
        .demo-card-square6 > .mdl-card__title {
            color: #fff;
            background:
            url('PUBLIC/img/Unit6.jpg')  center / cover;
        }
    </style>
</head>
<body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
        <!-- 头部分 -->
        <header class="mdl-layout__header mdl-layout__header--waterfall portfolio-header">
            <div class="mdl-layout__header-row portfolio-logo-row">
                <span class="mdl-layout__title">
                    <div class="portfolio-logo"></div>
                    <span class="mdl-layout__title">English learning platform</span>
                </span>
            </div>
            <div class="mdl-layout__header-row portfolio-navigation-row mdl-layout--large-screen-only">
                <nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
                    <a class="mdl-navigation__link is-active" href="" >BOOK 1</a>
                    <a class="mdl-navigation__link" href="" >BOOK 2</a>
                    <a class="mdl-navigation__link" href="" >BOOK 3</a>
                    <a class="mdl-navigation__link" href="" >BOOK 4</a>
                </nav>
            </div>
        </header>
        <div class="mdl-layout__drawer mdl-layout--small-screen-only">
            <nav class="mdl-navigation mdl-typography--body-1-force-preferred-font">
                <a class="mdl-navigation__link is-active" href="" >BOOK 1</a>
                <a class="mdl-navigation__link" href="" >BOOK 2</a>
                <a class="mdl-navigation__link" href="" >BOOK 3</a>
                <a class="mdl-navigation__link" href="" >BOOK 4</a>
            </nav>
        </div>
        <main class="mdl-layout__content">
            <div class="mdl-grid">
    <div class="mdl-cell mdl-cell--4-col">
        <div class="demo-card-square1 mdl-card mdl-shadow--2dp" >
      <div class="mdl-card__title mdl-card--expand">
        <h2 class="mdl-card__title-text">Unit 1</h2>
      </div>
      <div class="mdl-card__supporting-text">
        In this chapter, you will join us in the wonderful world of unit 1.
      </div>
      <div class="mdl-card__actions mdl-card--border">
        <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="<?php echo url('StudyText/index'); ?>">Let's start
        </a>
      </div>
    </div>
</div>
<div class="mdl-cell mdl-cell--4-col">
    <div class=" demo-card-square2 mdl-card mdl-shadow--2dp"  >
      <div class="mdl-card__title mdl-card--expand">
        <h2 class="mdl-card__title-text">Unit 2</h2>
      </div>
      <div class="mdl-card__supporting-text">
        In this chapter, you will join us in the wonderful world of unit 2.
      </div>
      <div class="mdl-card__actions mdl-card--border">
        <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="<?php echo url('StudyText/index'); ?>">Let's start
        </a>
      </div>
    </div>
</div>
<div class="mdl-cell mdl-cell--4-col">
    <div class="demo-card-square3 mdl-card mdl-shadow--2dp">
      <div class="mdl-card__title mdl-card--expand">
        <h2 class="mdl-card__title-text">Unit 3</h2>
      </div>
      <div class="mdl-card__supporting-text">
        In this chapter, you will join us in the wonderful world of unit 3.
      </div>
      <div class="mdl-card__actions mdl-card--border">
        <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="<?php echo url('StudyText/index'); ?>">Let's start
        </a>
      </div>
    </div>
</div>
<div class="mdl-cell mdl-cell--4-col">  
    <div class="demo-card-square4 mdl-card mdl-shadow--2dp">
      <div class="mdl-card__title mdl-card--expand">
        <h2 class="mdl-card__title-text">Unit 4</h2>
      </div>
      <div class="mdl-card__supporting-text">
        In this chapter, you will join us in the wonderful world of unit 4.
      </div>
      <div class="mdl-card__actions mdl-card--border">
        <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="<?php echo url('StudyText/index'); ?>">Let's start
        </a>
      </div>
    </div>
</div>
<div class="mdl-cell mdl-cell--4-col"> 
    <div class="demo-card-square5 mdl-card mdl-shadow--2dp">
      <div class="mdl-card__title mdl-card--expand">
        <h2 class="mdl-card__title-text">Unit 5</h2>
      </div>
      <div class="mdl-card__supporting-text">
        In this chapter, you will join us in the wonderful world of unit 5.
      </div>
      <div class="mdl-card__actions mdl-card--border">
        <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="<?php echo url('StudyText/index'); ?>">Let's start
        </a>
      </div>
    </div>
</div> 
<div class="mdl-cell mdl-cell--4-col">
    <div class="demo-card-square6 mdl-card mdl-shadow--2dp">
      <div class="mdl-card__title mdl-card--expand">
        <h2 class="mdl-card__title-text">Unit 6</h2>
      </div>
      <div class="mdl-card__supporting-text">
        In this chapter, you will join us in the wonderful world of unit 6.
      </div>
      <div class="mdl-card__actions mdl-card--border">
        <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="<?php echo url('StudyText/index'); ?>">Let's start
        </a>
      </div>
    </div>
</div> 
</div>
        </main>
    </div>

</body>
</html>